<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <link rel="icon" href="data:;base64,=">
  <title>Document</title>
  </head>
  <style>
  *{margin:0 auto;padding:0;box-sizing:border-box;}
  html,body{position:absolute;width:100%;height:100%;min-width:1366px;min-height:768px;background: linear-gradient(skyblue,khaki);}
  /* 定义滚动条宽度 */::-webkit-scrollbar {width:4px;height:4px;}
  /*定义滚动条  轨道背景色+圆角*/::-webkit-scrollbar-track {border-radius: 2px;background-color: #555;}
  /*定义滚动条  滑块背景色+圆角*/::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #C3C4C3;}
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  #app{
     position: relative;
     width:200px;
     height:100px;
     top:200px;
     background-color:white;
  }
  
  </style>
<body>

    
    <div id="app" e-filter="filter1($,msg)">
          <div id="app">
          {{msg}}
         <!--  <div style="border:1px solid red;padding-left:10px;">
                  <div e-for="list" e-filter="filter2($_value)">
                          {{$_value}}  
                  </div>
          </div>
          <div style="border:1px solid blue;padding-left:10px;">
                  <div e-for="list2" e-filter="filter3($fork)">
                          {{txt}}  
                  </div>
          </div> -->
    </div>

</body>
</html>
<script src="./utils_eng/eng3.0.js"></script>
<script>

var mappingData={
      
}

var app=new Eng({
      el:document.getElementById('app'),
 
      filters:{
          filter1(key,value){
              console.log(`filter_1 key => ${key}  value = ${value}`);
              if(key==='msg'){
                return '哈哈哈哈123';
              }  
          },
          filter2(key,value){
              console.log(`filter_2 key => ${key}  value = ${value}`);
          },
          filter3(key,value){
              console.log(`filte_3 key => ${key}  value = ${value}`);
          }
      },
      data:{
         msg:'测试msg',
        //  value1:' value1 的值 ',
        //  list:[
        //       'haha','hehe'
        //  ],
        //  list2:[
        //       {txt:'呵呵'},{txt:'哈哈'},
        //  ]
      }
});



</script>
